.Jiaojiantou {
	width: 100vw;
	height: 100vh;
	overflow: hidden;
	position: relative;
	z-index: 1;
	display: flex;
	align-items: center;
	justify-content: center;

	& > .Back {
		position: absolute;
		left: 0;
		top: 0;
		width: 100%;
		height: 100%;
		display: block;
		z-index: -1;
	}

	& > .Login {
		width: 1462px;
		height: 762px;
		position: relative;
		z-index: 1;

		& > .LoginBack {
			position: absolute;
			left: 0;
			top: 0;
			width: 100%;
			height: 100%;
			display: block;
			z-index: -1;
		}

		& > .Left {
			width: 831px;
			height: 100%;
			display: flex;
			align-items: center;
			justify-content: space-between;
			flex-direction: column;
			padding-bottom: 120px;

			& > .Logo {
				width: 480px;
				height: 480px;
			}

			& > .Title {
				line-height: 58px;
				font-size: 58px;
				font-family: ShuHeiTi;
				font-weight: bold;
				color: #ffffff;
				text-shadow: 0px 0px 16px #d30303;
				margin-top: -56px;
			}
		}

		& > .sign {
			position: absolute;
			right: 31px;
			top: 31px;
			width: 600px;
			height: 700px;
			background: rgba(0, 74, 77, 0.8);
			z-index: 1;
			display: flex;
			align-items: center;
			justify-content: center;
			flex-direction: column;

			& > .Title {
				line-height: 128px;
				font-size: 46px;
				font-family: ShuHeiTi;
				font-weight: bold;
				color: #ffffff;
				text-shadow: 0px 0px 8px #853713;
			}

			& > .plugInUnit {
				font-size: 16px;
				font-family: ShuHeiTi;
				font-weight: bold;
				color: #fffec7;
				cursor: pointer;
			}

			& > .SignUpForm {
				width: 470px;

				& > .SignUpBtn {
					margin-top: 80px;

					button {
						height: 56px;
						width: 100%;
						background: linear-gradient(
							rgba(133, 55, 19, 0.6),
							rgba(133, 55, 19, 1)
						);
						font-size: 26px;
						font-family: ShuHeiTi;
						font-weight: bold;
						color: #ffffff;
						border-radius: 50px;
						border: 2px solid #fffec7;
					}
				}

				.ant-form-item {
					position: relative;
					z-index: 1;

					&::after {
						position: absolute;
						left: 0;
						top: 0;
						z-index: 1;
						font-size: 14px;
						font-family: MicrosoftYaHei-Bold, MicrosoftYaHei;
						font-weight: bold;
						color: #fffec7;
					}

					&:nth-child(1) {
						&::after {
							content: "帐号 :";
						}
					}

					&:nth-child(2) {
						&::after {
							content: "密码 :";
						}
					}
				}

				.ant-input-affix-wrapper {
					height: 56px;
					font-size: 25px;
					background-color: transparent;
					color: #fffec7;
					border: none;
					position: relative;
					padding: 4px 25px;
					border: none;
					position: relative;
					margin: 16px 0;

					&::after {
						position: absolute;
						content: "";
						left: 0;
						bottom: 0;
						width: 100%;
						height: 2px;
						background: #fffec7;
					}

					input {
						text-indent: 15px;
						font-size: 20px;
						background-color: transparent;
						color: #fffec7;
					}

					.ant-input-password-icon.anticon {
						color: #fffec7;
					}
				}
			}
		}
	}
}
